<template>
	<div class="page">
		<div class="nav-view">
			<div class="icon"></div>
			<div class="nav">您的验证已经成功通过，请立即修改您的登录密码</div>
		</div>
		
		<div>
			<CAccountFPwd2UpdateView
				:data="data">
			</CAccountFPwd2UpdateView>
		</div>
	</div>
</template>

<script>
import CAccountFPwd2UpdateView from '@/pages/account/view/CAccountFPwd2UpdateView'

import AccountService from '@/services/AccountService.js'
const $accountService = AccountService();

export default {
	components: {
		CAccountFPwd2UpdateView
	},
	data() {
		return {
			data: {
				params: {
					pwd: '',
					submitPwd: ''
				}
			},
			codeNum: 60,
			disabled: false,
			tempToken: '',
			success: false,
			required: {
				isNewPwd: false,
				isNewPwdError: false,
				isSubmitPwd: false,
				isWriteSubmitPwd: false,
				isSubmitPwdError: false,
			}
		}
	},
	mounted() {},
	methods: {
		handleSubmit(name) {
			let $this = this;
				let tempToken = this.tempToken;
				let pwd = this.forgetPwdParmas.pwd;
				let submitPwd = this.forgetPwdParmas.submitPwd;
				AccountService().findPassword(tempToken, pwd, submitPwd)
				.then(function(res) {
					let result = res.data;
					let rescode = res.data.rescode;
					if (rescode == 100) {
						$this.$Message.success('修改完成');
						setTimeout(function() {
							$this.$router.push({
								name: 'userLogin'
							});
						}, 300);
					} else {
						$this.$Message.error(result.msg)
					}
				})
				$this.$Message.success('提交成功!');
					
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.page {
	background-color: rgb(232,236,244);
	width:100%;
	min-width: 1000px;
	overflow:auto;
	top:84px;
	position:absolute;
	z-index:10;
	bottom:100px;
	padding: 100px 150px;
}
.page .nav-view {
	background-color: #fff;
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	height: 100px;
}

.page .nav-view .icon {
	width: 50px;
	float: left;
	background: url(../../assets/success.png) no-repeat left center;
	height: 100%;
	margin-left: 50px;
}

.page .nav-view  .nav {
	float: left;
	height: 100%;
	line-height: 100px;
	padding-left: 20px;
	font-size: 14px;
	color: rgba(0,0,0,0.87);
}
</style>
